<script setup>
</script>


<template>
  <view class="scroll-notice">
	  <view class="left-wrap">
		  <image class="icon" src="/static/notic_prefix.png" mode="aspectFill"></image>
	  </view>
	  <view class="notice-wrap">
		  <swiper class="swiper" vertical autoplay circular>
			  <swiper-item class="swiper-item">1666666666666666666666666666666666666</swiper-item>
			  <swiper-item class="swiper-item">2</swiper-item>
			  <swiper-item class="swiper-item">3</swiper-item>
		  </swiper>
	  </view>
	  <view class="right-wrap">
		  <uni-icons type="right" size="36rpx" color="#888"></uni-icons>
	  </view>
  </view>
  
</template>


<style lang="scss" scoped>
.scroll-notice{
	display: flex;
	align-items: center;
	justify-content: space-between;
	gap: 20rpx;
	.left-wrap{
		flex-shrink: 0;
		.icon{
			width: 88rpx;
			height: 40rpx;
			display: block;
		}
	}
	.notice-wrap{
		flex:1;
		.swiper{
			height: 50rpx;
			&-item{
				height: 100%;
				display: flex;
				align-items: center;
				font-size: 32rpx;
				text-decoration: underline;
				width: 100%;
				@include text-ellipsis(1);
			}
		}
	}
	.right-wrap{
		flex-shrink: 0;
		width: 80rpx;
		display: flex;
		align-items: center;
		justify-content: flex-end;
	}
}


</style>